<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="./css/bootstrap.css" />
	<script type="text/javascript" src="./js/jquery.js"></script>
	<script type="text/javascript" src="./js/bootstrap.js"></script>
	<title></title>
	<style>
	div{
		<!-- border:1px solid orange; -->
	}
	#main-content{
		height:900px;
	}
	.panel{
		background:#eee;
	}
	.panel-heading{
		background:#777;
	}
	.panel-title{
		color:#f0ad4e;
	}
	#leftnav{
		height:800px;
	}
	</style>
</head>
<body>
	<div class="container-fluid">
		<div class="page-header">
			<h1>上海核工程研究设计院 <small>设计管理平台</small></h1>
			<h6>您好：<a href=""><strong>XXX</strong></a>，欢迎登录本系统</h6>
		</div>
		<nav class="navbar navbar-default">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand" href="#">
						<img alt="Brand" src="...">
					</a>
					<!-- <div class="navbar-nav navbar-brand"> -->
						 <!-- <ol class="breadcrumb">  -->
								<!-- <li><a href="">首页</a></li> -->
								<!-- <li><a href="">经验反馈</a></li> -->
								<!-- <li class="active">信息汇总</li> -->
						<!-- </ol>  -->
					<!-- </div> -->
				</div>
				<div class="collapse navbar-collapse">
					<form action="#" class="navbar-form navbar-right">
								<div class="input-group">
									<span class="input-group-btn">
										<button class="btn btn-default" type=button>Go!</button>
									</span>
									<input type="text" class="form-control" placeholder="Search for ..."/>
								</div>
					</form>
					<ul class="nav navbar-nav nav-pills navbar-right">
						<li class="dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown">待办<span class="badge">42</span><span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="">待办计划 <span class="badge"><small>20</small></span></a></li>
								<li><a href="">活动项 <span class="badge"><small>10</small></span></a></li>
								<li><a href="">IED <span class="badge"><small>3</small></span></a></li>
								<li role="separator" class="divider"></li>
								<li><a href="">经验反馈 <span class="badge"><small>9</small></span></a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown">已办<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="">计划</a></li>
								<li><a href="">活动项</a></li>
								<li><a href="">IED</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="">经验反馈</a></li>
							</ul>
						</li>
						<li>
							<a role="button" tabindex="0" href="" data-toggle="popover" data-trigger="focus" title="系统信息" data-content="此处为系统相关信息">系统</a>
						</li>
						<li><a href="" title="进入个人页面">个人<span class="badge">7</span></a></li>
						<li><a href="">退出</a></li>
					</ul>
				</div>
			</div>
		</nav>





		</div>
		<div id="main-content">
			<div class="col-md-2">
				<!-- <div class="panel"> -->
					<!-- <div class="panel-body"> -->
						<!-- <form action=""> -->
							<!-- <div class="input-group"> -->
								<!-- <span class="input-group-btn"> -->
									<!-- <button class="btn btn-default" type=button>Go!</button> -->
								<!-- </span> -->
								<!-- <input type="text" class="form-control" placeholder="Search"/> -->
							<!-- </div> -->
						<!-- </form> -->
					<!-- </div> -->
				<!-- </div> -->

				<div class="panel">
					<div class="panel-heading">
						<h3 class="panel-title">链接</h3>
					</div>
					<div id="leftnav" class="panel-body">
						<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingOne">
									 <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
										 计划管理
									 </a>
								</div>
								<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
									<div class="panel-body">
										<ul class="nav nav-pills nav-stacked">
											<li><a href="">计划分配</a></li>
											<li><a href="">计划调整</a></li>
											<li><a href="">计划导出</a></li>
											<li><a href="">资源分配</a></li>
											<li><a href="">计划变更</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingTwo">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
										经验反馈
									</a>
								</div>
								<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
									<div class="panel-body">
										<ul class="nav nav-pills nav-stacked">
											<li><a href="">XX</a></li>
											<li><a href="">YY</a></li>
											<li><a href="">XX</a></li>
											<li><a href="">WW</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingThree">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
										行动项
									</a>
								</div>
								<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
									<div class="panel-body">
										<ul class="nav nav-pills nav-stacked">
											<li><a href="">行动项1</a></li>
											<li><a href="">行动项2</a></li>
											<li><a href="">行动项3</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingFour">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
										IED
									</a>
								</div>
								<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
									<div class="panel-body">
										<ul class="nav nav-pills nav-stacked">
											<li><a href="">IED</a></li>
											<li><a href="">任务</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingFive">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
										任务管理
									</a>
								</div>
								<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
									<div class="panel-body">
										<ul class="nav nav-pills nav-stacked">
											<li><a href="">任务</a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingSix">
									<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
										我的收藏
									</a>
								</div>
								<div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
									<div class="panel-body">
										<ul class="nav nav-pills nav-stacked">
											<li><a href=""></a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-10">
				<div class="panel">
					<div class="panel-heading">
						<h3 class="panel-title">查询选项</h3>
					</div>
					<div class="panel-body">
						<form action="" class="form-horzontal">
							<div class="row">
								<div class="col-md-4">
									<div class="form-group">
										<label for="" class="col-md-4">流水号</label>
										<div class="col-md-8">
											<input type="" class="form-control" placeholder="xxxx"/>
										</div>
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										<label for="" class="col-md-4">编码</label>
										<div class="col-md-8">
											<input type="" class="form-control" placeholder="xxxx"/>
										</div>
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										<label for="" class="col-md-4">版次</label>
										<div class="col-md-8">
											<input type="" class="form-control" placeholder="xxxx"/>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-4">
									<div class="form-group">
										<label for="" class="col-md-4">状态</label>
										<div class="col-md-8">
											<select name="" id="" class="form-control">
												<option value="">-----</option>
												<option value="">CFC</option>
												<option value="">PRE</option>
											</select>
										</div>
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										<label for="" class="col-md-4">项目</label>
										<div class="col-md-8">
											<select name="" id="" class="form-control">
												<option value="">-----</option>
												<optgroup label="1000系列">
													<option value="">CAP</option>
													<option value="">HYG</option>
													<option value="">SMG</option>
												</optgroup>
												<optgroup label="1400系列">
													<option value="">SNG</option>
												</optgroup>
											</select>
										</div>
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										<label for="" class="col-md-4">责任人</label>
										<div class="col-md-8">
											<input type="" class="form-control" placeholder="xxxx"/>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-4">
									<div class="form-group">
										<label for="" class="col-md-4">责任部所</label>
										<div class="col-md-8">
											<select name="" id="" class="form-control">
												<option value="">-----</option>
												<option value="">1所：堆芯所</option>
												<option value="">2所：XXX</option>
												<option value="">3所：XXX</option>
												<option value="">4所：XXX</option>
												<option value="">5所：XXX</option>
												<option value="">项目部</option>
												<option value="">技术部</option>
												<option value="">咨询部</option>
											</select>
										</div>
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										<label for="" class="col-md-4">开始时间</label>
										<div class="col-md-8">
											<input type="date" class="form-control" placeholder="xxxx"/>
										</div>
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										<label for="" class="col-md-4">结束时间</label>
										<div class="col-md-8">
											<input type="date" class="form-control" placeholder="xxxx"/>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-4">
									<div class="form-group">
										<label for="" class="col-md-4">是否完成</label>
										<div class="col-md-8">
										<select name="" id="" class="form-control">
												<option value="">-----</option>
												<option value="">完成</option>
												<option value="">进行中</option>
											</select>
										</div>
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										<label for="" class="col-md-4">阶段</label>
										<div class="col-md-8">
											<select name="" id="" class="form-control">
												<option value="">-----</option>
												<option value="">开启中</option>
												<option value="">评审中</option>
												<option value="">处理中</option>
												<option value="">验证中</option>
												<option value="">关闭</option>
											</select>
										</div>
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										<label for="" class="col-md-4">关键词</label>
										<div class="col-md-8">
											<input type="" class="form-control" placeholder="xxxx"/>
										</div>
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col-md-8">
								</div>
								<div class="col-md-2">
									<button type="submit" class="btn btn-primary btn-block">查询</button>
								</div>
								<div class="col-md-2">
									<button type="submit" class="btn btn-primary btn-block">清空</button>
								</div>
							</div>
						</form>
					</div>
				</div>



				<div class="panel penel-primary">
					<div class="panel-heading">
						<h3 class="panel-title">统计数据</h3>
					</div>
					<div class="panel-body">
						<div class="table-responsive">
							<table class="table table-hover table-striped">
						<tr>
							<th>序号</th>
							<th>编码</th>
							<th>名称</th>
							<th>责任人</th>
							<th>状态</th>
							<th>阶段</th>
							<th>版次</th>
							<th>说明</th>
							<th>部所</th>
							<th>百分比</th>
							<th>项目</th>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
						<tr>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
							<td>table cell</td>
						</tr>
					</table>
						</div>
					</div>
					<div class="panel-footer">
						<nav class="Page navigation text-center">
							<ul class="pagination">
								<li><a href=""><span>&laquo;</span></a></li>
								<li><a href="">1</a></li>
								<li><a href="">2</a></li>
								<li><a href="">3</a></li>
								<li><a href="">4</a></li>
								<li><a href="">5</a></li>
								<li><a href="">6</a></li>
								<li><a href="">7</a></li>
								<li><a href="">8</a></li>
								<li><a href="">9</a></li>
								<li><a href="">10</a></li>
								<li><a href=""><span>&raquo;</span></a></li>
							</ul>
						</nav>
					</div>
				</div>
			</div>
		</div>
		<div id="footer-content" class="row">
			<div class="row">
				<ul class="list-inline text-center">
					<li><a href="">创蓝官网</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">投诉建议</a></li>
					<li><a href="">关于我们</a></li>
					<li><a href="">站长统计</a></li>
				</ul>
			</div>
			<div class="row">
				<h4 class=text-center>上海核工程研究设计院 版权所有CopyRight © 2012-2017 ALL Rights Reserve<h4>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
$('#example').popover(options)
</script>
</html>